<?xml version="1.0" encoding="utf-8"?>
<svg
  version="1.1"
  viewBox="0 0 800 800"
  width="800" height="800"
  style="margin:auto"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  inkscape:label="pallas-pattern.doublelines"
>
  <defs>
    <clipPath id="clip-image">
      <rect width="100%" height="100%"/>
    </clipPath>
  </defs>
  <g inkscape:label="clipped image" clip-path="url(#clip-image)">


    <g fill="none" stroke="#000" stroke-width="2" inkscape:label="lines">


      <g inkscape:label="doublelines pattern">
        <g inkscape:label="single lines">
          <g inkscape:label="single lines center">
            <path inkscape:label="right" d="M 500 360 L 500 440"/>
            <path inkscape:label="left" d="M 300 360 L 300 440"/>
            <path inkscape:label="bottom" d="M 440 500 L 360 500"/>
            <path inkscape:label="top" d="M 360 300 L 440 300"/>
          </g>
          <g inkscape:label="single lines offscreen squares">
            <!-- single lines center + translate by 400 -->
            <g inkscape:label="right" transform="translate(400 0)">
              <path inkscape:label="left" d="M 300 360 L 300 440"/>
              <path inkscape:label="bottom" d="M 440 500 L 360 500"/>
              <path inkscape:label="top" d="M 360 300 L 440 300"/>
            </g>
            <g inkscape:label="left" transform="translate(-400 0)">
              <path inkscape:label="right" d="M 500 360 L 500 440"/>
              <path inkscape:label="bottom" d="M 440 500 L 360 500"/>
              <path inkscape:label="top" d="M 360 300 L 440 300"/>
            </g>
            <g inkscape:label="top" transform="translate(0 -400)">
              <path inkscape:label="right" d="M 500 360 L 500 440"/>
              <path inkscape:label="left" d="M 300 360 L 300 440"/>
              <path inkscape:label="bottom" d="M 440 500 L 360 500"/>
              <!--
              <path inkscape:label="top" d="M 360 300 L 440 300"/>
              -->
            </g>
            <g inkscape:label="bottom" transform="translate(0 400)">
              <path inkscape:label="right" d="M 500 360 L 500 440"/>
              <path inkscape:label="left" d="M 300 360 L 300 440"/>
              <path inkscape:label="top" d="M 360 300 L 440 300"/>
            </g>
            <g inkscape:label="top left" transform="translate(-400 -400)">
              <path inkscape:label="right" d="M 500 360 L 500 440"/>
              <path inkscape:label="bottom" d="M 440 500 L 360 500"/>
            </g>
            <g inkscape:label="top right" transform="translate(400 -400)">
              <path inkscape:label="left" d="M 300 360 L 300 440"/>
              <path inkscape:label="bottom" d="M 440 500 L 360 500"/>
            </g>
            <g inkscape:label="bottom left" transform="translate(-400 400)">
              <path inkscape:label="right" d="M 500 360 L 500 440"/>
              <path inkscape:label="top" d="M 360 300 L 440 300"/>
            </g>
            <g inkscape:label="bottom right" transform="translate(400 400)">
              <path inkscape:label="left" d="M 300 360 L 300 440"/>
              <path inkscape:label="top" d="M 360 300 L 440 300"/>
            </g>
          </g>
        </g>
        <g inkscape:label="double lines">

          <g inkscape:label="double lines outside squares">
            <!-- copy paste. different transform values -->
            <g inkscape:label="top left" transform="translate(-200 -200)">
              <title>top-left double lines</title>
              <path inkscape:label="right left" d="M 490 360 L 490 440"/>
              <path inkscape:label="right right" d="M 510 360 L 510 440"/>

              <path inkscape:label="left left" d="M 290 360 L 290 440"/>
              <path inkscape:label="left right" d="M 310 360 L 310 440"/>

              <path inkscape:label="bottom top" d="M 440 490 L 360 490"/>
              <path inkscape:label="bottom bottom" d="M 440 510 L 360 510"/>

              <path inkscape:label="top bottom" d="M 360 310 L 440 310"/>
              <path inkscape:label="top top" d="M 360 290 L 440 290"/>
            </g>

            <g inkscape:label="top left" transform="translate(200 -200)">
              <title>top-left double lines</title>
              <path inkscape:label="right left" d="M 490 360 L 490 440"/>
              <path inkscape:label="right right" d="M 510 360 L 510 440"/>

              <path inkscape:label="left left" d="M 290 360 L 290 440"/>
              <path inkscape:label="left right" d="M 310 360 L 310 440"/>

              <path inkscape:label="bottom top" d="M 440 490 L 360 490"/>
              <path inkscape:label="bottom bottom" d="M 440 510 L 360 510"/>

              <path inkscape:label="top bottom" d="M 360 310 L 440 310"/>
              <path inkscape:label="top top" d="M 360 290 L 440 290"/>
            </g>

            <g inkscape:label="top left" transform="translate(-200 200)">
              <title>top-left double lines</title>
              <path inkscape:label="right left" d="M 490 360 L 490 440"/>
              <path inkscape:label="right right" d="M 510 360 L 510 440"/>

              <path inkscape:label="left left" d="M 290 360 L 290 440"/>
              <path inkscape:label="left right" d="M 310 360 L 310 440"/>

              <path inkscape:label="bottom top" d="M 440 490 L 360 490"/>
              <path inkscape:label="bottom bottom" d="M 440 510 L 360 510"/>

              <path inkscape:label="top bottom" d="M 360 310 L 440 310"/>
              <path inkscape:label="top top" d="M 360 290 L 440 290"/>
            </g>

            <g inkscape:label="top left" transform="translate(200 200)">
              <title>top-left double lines</title>
              <path inkscape:label="right left" d="M 490 360 L 490 440"/>
              <path inkscape:label="right right" d="M 510 360 L 510 440"/>

              <path inkscape:label="left left" d="M 290 360 L 290 440"/>
              <path inkscape:label="left right" d="M 310 360 L 310 440"/>

              <path inkscape:label="bottom top" d="M 440 490 L 360 490"/>
              <path inkscape:label="bottom bottom" d="M 440 510 L 360 510"/>

              <path inkscape:label="top bottom" d="M 360 310 L 440 310"/>
              <path inkscape:label="top top" d="M 360 290 L 440 290"/>
            </g>
          </g>
        </g>
      </g>



    </g>

    <g inkscape:label="circles and text">
      <g inkscape:label="circles" stroke-width="2" fill="none" stroke="black">
        <title>Circles</title>
        <circle cx="100" cy="100" r="60"/>
        <circle cx="300" cy="100" r="60"/>
        <circle cx="500" cy="100" r="60"/>
        <circle cx="700" cy="100" r="60"/>
        <circle cx="100" cy="300" r="60"/>
        <circle cx="300" cy="300" r="60"/>
        <circle cx="500" cy="300" r="60"/>
        <circle cx="700" cy="300" r="60"/>
        <circle cx="100" cy="500" r="60"/>
        <circle cx="300" cy="500" r="60"/>
        <circle cx="500" cy="500" r="60"/>
        <circle cx="700" cy="500" r="60"/>
        <circle cx="100" cy="700" r="60"/>
        <circle cx="300" cy="700" r="60"/>
        <circle cx="500" cy="700" r="60"/>
        <circle cx="700" cy="700" r="60"/>
      </g>
      <g inkscape:label="text" dominant-baseline="middle" text-anchor="middle" font-family="sans" font-size="40" fill="black">
        <text x="100" y="100">F1L</text>
        <text x="300" y="100">M2L</text>
        <text x="500" y="100">F4L</text>
        <text x="700" y="100">M3L</text>
        <text x="100" y="300">F2S</text>
        <text x="300" y="300">M1S</text>
        <text x="500" y="300">F3S</text>
        <text x="700" y="300">M4S</text>
        <text x="100" y="500">F3L</text>
        <text x="300" y="500">M4L</text>
        <text x="500" y="500">F2L</text>
        <text x="700" y="500">M1L</text>
        <text x="100" y="700">F4S</text>
        <text x="300" y="700">M3S</text>
        <text x="500" y="700">F1S</text>
        <text x="700" y="700">M2S</text>
      </g>
    </g>

  </g>
</svg>
